import { createRouter, createWebHashHistory } from "vue-router"
import HomeView from '../views/home/HomeView.vue'
import { commentProps } from "ant-design-vue/lib/comment";
import { compile } from "vue";
const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/about',
    name:'about',
    component: () => import('../views/about/AboutView.vue'),
  },
      {
          path: '/about/abouthistory',
          name: 'abouthistory',
  
          component: () => import('../views/about/abouthistory.vue')
      },
      
  /* {
    path: '/about/aboutcurve',
    name: 'aboutcurve',
    component: () => import('../views/about/aboutcurve.vue')
  }, */
  {
    path: '/about/aboutpage3',
    name: 'aboutpage3',
    component: () => import('../views/about/aboutpage3.vue')
  },
  {
    path: '/fuel',
    name: 'fuel',
    component: () => import('../views/fuel/FuelView.vue'),
  },
      {
        path: '/fuel/fuelhistory',
        name: 'fuelhistory',
        component: () => import('../views/fuel/fuelhistory.vue')
      },
      /* {
        path: '/fuel/fuelcurve',
        name: 'fuelcurve',
        component: () => import('../views/fuel/fuelcurve.vue')
      }, */
      {
        path: '/fuel/fuelpage3',
        name: 'fuelpage3',
        component: () => import('../views/fuel/fuelpage3.vue')
      },
 
  
  {
    path: '/water',
    name: 'water',
    component: () => import('../views/water/WaterView.vue'),
  },
      {
        path: '/water/waterhistory',
        name: '/waterhistory',
        component: () => import('../views/water/waterhistory.vue')
      },
      /* {
        path: '/water/watercurve',
        name: '/watercurve',
        component: () => import('../views/water/watercurve.vue')
      }, */  
      {
        path: '/water/waterpage3',
        name: '/waterpage3',
        component: () => import('../views/water/waterpage3.vue')
      },


  {
    path: '/fluid',
    name: 'fluid',
    component: () => import('../views/fluid/FluidView.vue'),
  },
      {
        path: '/fluid/fluidhistory',
        name: 'fluidhistory',
        component: () => import('../views/fluid/fluidhistory.vue')
      },
      /* {
        path: '/fluid/fluidcurve',
        name: 'fluidcurve',
        component: () => import('../views/fluid/fluidcurve.vue')
      }, */
      {
        path: '/fluid/fluidpage3',
        name: 'fluidpage3',
        component: () => import('../views/fluid/fluidpage3.vue')
      },
      {
        path: '/air',
        name: 'air',
        component: () => import('../views/air/AirView.vue'),
      },
          {
            path: '/air/airhistory',
            name: 'airhistory',
            component: () => import('../views/air/airhistory.vue')
          },
          {
            path: '/air/airpage3',
            name: 'airpage3',
            component: () => import('../views/air/airpage3.vue')
          },

      {
        path: '/on-off',
        name: 'on-off',
        component: () => import('../views/on-off/on-offcurve.vue'),
      },
          {
            path: '/on-off/on-offhistory',
            name: 'on-offhistory',
            component: () => import('../views/on-off/on-offhistory.vue')
          },
          {
            path: '/on-off/on-offcurve',
            name: 'on-offcurve',
            component: () => import('../views/on-off/on-offcurve.vue')
          },
          {
            path: '/on-off/on-offpage3',
            name: 'on-offpage3',
            component: () => import('../views/on-off/on-offpage3.vue')
          },
          {
            path:'/on-off/on-offreport',
            name:'on-offreport',
            component:()=>import('../views/on-off/on-offreport.vue')
          },
]

const router = createRouter({
  history: createWebHashHistory(),
  routes,
});

router.beforeEach((to, from, next) => {
  next()
})
export default router;
